<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">
		<title>取票机监控</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		
		<%@ include file="/WEB-INF/jspf/taglibs.jspf" %>
		<%@ include file="/WEB-INF/jspf/statics.jspf" %>
	</head>
	<body>
		<%@include file="/WEB-INF/pages/common/header.jsp" %>
		<%@include file="/WEB-INF/pages/common/menu.jsp" %>
		<div id="rightqqqq" style="border-left-style:groove ;float:left;width:88%;height:10px;margin-left:4px;min-height:80%;overflow-y:auto; overflow-x:hidden;">
			<div id="navContainer" class="navC mb10" style="margin-bottom:10px; margin-top:10px;">  
		        <ul>  
		            <li><a hidefocus="true" style="font-size:20px;">领票机监控</a></li>  
		        </ul>  
   			 </div>
			<c:forEach items="${list}" var="machine" varStatus="machineStatus">
				<div style=" float:left;width:30%; height:120px;background-color:#666; margin-right:10px; margin-bottom:10px;">
					<dl style="clear:both;width:100%; height:120px; background-color:#CCC; margin-top:0px;">
				        <dt style="float:left; height:120px; width:30%;"><img src="images/bowuyuan1.jpg" style="width:100%;height:120px;"/></dt>
				        <dd style=" margin-left:30px;word-break: break-all;height:35px;line-height:35px;">&nbsp;&nbsp;位置: ${machine.position}</dd>
				        <dd style="height:35px;line-height:35px;">&nbsp;&nbsp;IP: ${machine.ip}</dd>
				        <dd style="height:35px;line-height:35px;">&nbsp;&nbsp;状态: <c:if test="${machine.connectStatus ==1}"><img src="images/runing.gif" style="width:20px;height:20px;"/>运行中</c:if><c:if test="${machine.connectStatus==2}"><img src="images/shutdown.jpg" style="width:20px;height:20px;"/>脱机</c:if><c:if test="${machine.connectStatus ==3}"><img src="images/warning.jpg" style="width:20px;height:20px;"/>纸将用尽</c:if></dd>
				    </dl>
				</div>
			</c:forEach>
		</div>
	</body>
</html>
<script type="text/javascript">
$(function(){
	$('#navigation').accordion({
		header: '.head',
		navigation1: true, 
		event: 'click',
		fillSpace: true,
		active:0,
		animated: 'bounceslide'
	});
	$("a[class='actived']").removeAttr("class");
	$("#monitorInvoiceMachine").attr("class", "actived");
	$("#currentPosition").text("当前位置：票务管理 > 领票机监控");
});	


</script>
